<template>
	<view class="content data-v-3df0de86">
		<image class="headImage data-v-3df0de86" src="https://ehealth.ipd.hihonor.com/etmcstatic/icon_avatar.png">
		</image>
		<view class="view_info data-v-3df0de86">
			<view class="view_userid data-v-3df0de86">
				<text class="text_user_key data-v-3df0de86">游客</text>
				<text class="text_user_value data-v-3df0de86">18661286666</text>
			</view>
		</view>
		<view class="view_item data-v-3df0de86">
			<view class="view_item2 data-v-3df0de86" @click="projectAction">
				<view class="view_item3 data-v-3df0de86">
					<view class="data-v-3df0de86">
						<image class="image_item data-v-3df0de86"
							src="https://ehealth.ipd.hihonor.com/etmcstatic/iv_question_paper.png"></image>
						<view class="dot data-v-3df0de86" v-if="pShow">
							<text class="dot_text data-v-3df0de86">{{pCount}}</text>
						</view>
					</view>
					<text class="text_item data-v-3df0de86">我的训练</text>
				</view>
			</view>
			<view class="view_item2 data-v-3df0de86" @click="projectAction">
				<view class="view_item3 data-v-3df0de86">
					<view class="data-v-3df0de86">
						<image class="image_item data-v-3df0de86"
							src="https://ehealth.ipd.hihonor.com/etmcstatic/iv_my_project.png"></image>
						<text class="dot data-v-3df0de86" v-if="false">1</text>
					</view>
					<text class="text_item data-v-3df0de86">我的分组</text>
				</view>
			</view>
			<view class="view_item2 data-v-3df0de86" @click="noticeAction">
				<view class="view_item3 data-v-3df0de86">
					<view class="data-v-3df0de86">
						<image class="image_item data-v-3df0de86"
							src="https://ehealth.ipd.hihonor.com/etmcstatic/sysmsg2.png"></image>
						<view class="dot data-v-3df0de86" v-if="noticeCount>0">
							<text class="dot_text data-v-3df0de86">{{noticeCount}}</text>
						</view>
					</view>
					<text class="text_item data-v-3df0de86">消息通知</text>
				</view>
			</view>
		</view>
		<view class="view_bar_item_area data-v-3df0de86">
			<view class="long_line data-v-3df0de86"></view>
			<view class="view_bar_item_area_sub data-v-3df0de86" @click="passwordAction">
				<image class="image_bar_item data-v-3df0de86"
					src="https://ehealth.ipd.hihonor.com/etmcstatic/icon_settings.png"></image>
				<text class="text_bar_item data-v-3df0de86">修改密码</text>
				<image class="image_bar_item data-v-3df0de86"
					src="https://ehealth.ipd.hihonor.com/etmcstatic/arrow_right.png"></image>
			</view>
			<view class="long_line data-v-3df0de86"></view>
			<view class="view_bar_item_area_sub data-v-3df0de86" @click="quiteAction">
				<image class="image_bar_item data-v-3df0de86"
					src="https://ehealth.ipd.hihonor.com/etmcstatic/icon_settings.png"></image>
				<text class="text_bar_item data-v-3df0de86">退出登录</text>
				<image class="image_bar_item data-v-3df0de86"
					src="https://ehealth.ipd.hihonor.com/etmcstatic/arrow_right.png"></image>
			</view>
			<view class="long_line data-v-3df0de86"></view>
			<view class="view_bar_item_area_sub data-v-3df0de86" @click="aboutAction">
				<image class="image_bar_item data-v-3df0de86"
					src="https://ehealth.ipd.hihonor.com/etmcstatic/icon_about.png"></image>
				<text class="text_bar_item data-v-3df0de86">系统版本</text>
				<text class="image_bar_item_right data-v-3df0de86">{{'版本号 '+version}}</text>
				<image class="image_bar_item data-v-3df0de86"
					src="https://ehealth.ipd.hihonor.com/etmcstatic/arrow_right.png" style="margin-left:0rpx;"></image>
			</view>
			<view class="long_line data-v-3df0de86"></view>
		</view>

		<uni-popup backgroundColor="rgba(0,0,0,0.000)" ref="quitePopup" type="bottom">
			<view class="popup_view">
				<text class="popup_title">退出账号</text>
				<text class="popup_content">确定退出当前账号吗</text>
				<view style="display: flex;">
					<button class="popup_btn1" @click="canclePopup" type="default">取消</button>
					<button class="popup_btn2" @click="comfirmPopup" type="warn">确定</button>
				</view>
			</view>
		</uni-popup>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				phone: "",
				userId: "SHF0023",
				projectName: "",
				projectUid: "",
				projectCode: "SHF",
				version: "1.0.1",
				pCount: "",
				pShow: false,
				noticeCount: 0,
				reserveCount: 0,
			}
		},
		onLoad() {

		},
		methods: {
			projectAction() {
				uni.navigateTo({
					url: '/pages/train/schemelist'
				})
			},
			noticeAction() {
				uni.navigateTo({
					url: '/pages/index/notices'
				})
			},
			passwordAction() {
				uni.navigateTo({
					url: '/pages/index/password'
				})
			},
			quiteAction() {
				this.$refs.quitePopup.open('bottom')
			},
			canclePopup() {
				this.$refs.quitePopup.close()
			},
			comfirmPopup() {
				uni.redirectTo({
					url: '/pages/login/login'
				})
			},
		}
	}
</script>

<style>
	view.data-v-3df0de86 {
		display: flex;
	}

	page.data-v-3df0de86 {
		background-color: #fff;
		min-height: 100%;
		min-width: 100%;
	}

	.text_bar_item.data-v-3df0de86 {
		color: #3a3a3a;
		flex: 1;
		font-size: 32rpx;
	}

	.long_line.data-v-3df0de86 {
		background-color: #eee;
		height: 3rpx;
		margin-left: 130rpx;
		margin-right: 48rpx;
	}

	.view_bar_item_area.data-v-3df0de86 {
		background-color: #fff;
		flex-direction: column;
		margin-top: 16rpx;
		width: 100%;
	}

	.view_bar_item_area_sub.data-v-3df0de86 {
		background: #fff;
		padding-bottom: 32rpx;
		padding-top: 32rpx;
		width: 100%;
	}

	.view_bar_item_area_sub.data-v-3df0de86:active {
		background: #eee;
	}

	.view_bar_item.data-v-3df0de86 {
		background: #fff;
		margin-top: 16rpx;
		padding-bottom: 32rpx;
		padding-top: 32rpx;
		width: 100%;
	}

	.view_bar_item.data-v-3df0de86:active {
		background: #eee;
	}

	.image_bar_item.data-v-3df0de86 {
		height: 48rpx;
		margin-left: 48rpx;
		margin-right: 32rpx;
		width: 48rpx;
	}

	.image_bar_item_right.data-v-3df0de86 {
		color: rgba(0, 0, 0, 0.502);
		font-size: 26rpx;
		line-height: 48rpx;
	}

	.view_item.data-v-3df0de86 {
		background-color: #fff;
		border-top-left-radius: 30rpx;
		border-top-right-radius: 30rpx;
		margin-top: 40rpx;
		padding-bottom: 20rpx;
		padding-top: 20rpx;
		width: 100%;
	}

	.dot.data-v-3df0de86 {
		background-color: #f33;
		border-radius: 50%;
		height: 28rpx;
		justify-content: center;
		padding-bottom: 4rpx;
		text-align: center;
		width: 32rpx;
	}

	.dot_text.data-v-3df0de86 {
		color: #fff;
		font-size: 20rpx;
	}

	.text_item.data-v-3df0de86 {
		font-size: 28rpx;
		margin-top: 10rpx;
	}

	.view_item3.data-v-3df0de86 {
		border-radius: 10rpx;
		flex-direction: column;
		padding: 10rpx;
	}

	.view_item2.data-v-3df0de86 {
		flex: 1;
		align-items: center;
		background: #fff;
		flex-direction: column;
		justify-content: center;
		margin-left: 38rpx;
	}

	.view_item2.data-v-3df0de86 :active {
		background: #eee;
	}

	.image_item.data-v-3df0de86 {
		height: 60rpx;
		margin-left: 25rpx;
		width: 60rpx;
	}

	.line.data-v-3df0de86 {
		background-color: #969799;
		height: 60rpx;
		margin-left: 56rpx;
		margin-right: 56rpx;
		width: 3rpx;
	}

	.text_user_value.data-v-3df0de86 {
		color: #000;
		font-size: 28rpx;
		font-weight: 600;
		margin-top: 6rpx;
		max-width: 200rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.text_user_key.data-v-3df0de86 {
		color: rgba(0, 0, 0, 0.502);
		font-size: 28rpx;
	}

	.view_userid.data-v-3df0de86 {
		flex-direction: column;
	}

	.view_info.data-v-3df0de86,
	.view_userid.data-v-3df0de86 {
		align-items: center;
		justify-content: center;
	}

	.view_info.data-v-3df0de86 {
		flex-direction: row;
		margin-top: 40rpx;
		width: 100%;
	}

	.text_phone.data-v-3df0de86 {
		color: #000;
		font-size: 44rpx;
		font-weight: 600;
		margin-top: 16rpx;
	}

	.notice.data-v-3df0de86 {
		position: absolute;
		right: 42rpx;
		top: 20rpx;
	}

	.notice-img.data-v-3df0de86 {
		height: 48rpx;
		width: 48rpx;
	}

	.notice-dot.data-v-3df0de86 {
		background-color: #f33;
		border-radius: 50%;
		height: 32rpx;
		justify-content: center;
		position: absolute;
		right: -20rpx;
		text-align: center;
		top: -6rpx;
		width: 32rpx;
	}

	.headImage.data-v-3df0de86 {
		height: 160rpx;
		margin-top: 70rpx;
		width: 160rpx;
	}

	.view_head.data-v-3df0de86 {
		background-color: #f5f5f5;
		height: 150rpx;
		width: 150rpx;
	}

	.view_head.data-v-3df0de86,
	.view_head_ring.data-v-3df0de86 {
		align-items: center;
		border-radius: 50%;
		justify-content: center;
	}

	.view_head_ring.data-v-3df0de86 {
		background-color: #d2d2d2;
		height: 155rpx;
		margin-top: 120rpx;
		width: 155rpx;
	}

	.content.data-v-3df0de86 {
		align-items: center;
		background-color: #f2f3f5;
		display: -webkit-flex;
		display: flex;
		flex: 1;
		flex-direction: column;
	}

	.btn.data-v-3df0de86 {
		background-color: #ef4141;
		border-radius: 50rpx;
		color: ffffff;
		margin-bottom: 40rpx;
		margin-top: 88rpx;
		width: 500rpx;
	}

	.btn.data-v-3df0de86:active {
		background-color: #f79f9f;
	}

	.popup_view {
		display: flex;
		background: #fff;
		border-radius: 20rpx;
		flex-direction: column;
		margin: 30rpx 30rpx 128rpx;
		padding: 44rpx;
	}

	.popup_btn1 {
		align-items: center;
		border-radius: 50rpx;
		flex: 1;
		font-size: 32rpx;
		height: 80rpx;
		justify-content: center;
		width: auto;
	}

	.popup_btn1::after {
		display: none;
	}

	.popup_btn2 {
		align-items: center;
		border-radius: 50rpx;
		display: flex;
		flex: 1;
		font-size: 32rpx;
		height: 80rpx;
		justify-content: center;
		margin-left: 32rpx;
		width: auto;
	}

	.popup_title {
		color: #3a3a3a;
		font-size: 40rpx;
		font-weight: 600;
	}

	.popup_content {
		color: rgba(0, 0, 0, 0.502);
		font-size: 32rpx;
		margin-bottom: 64rpx;
		margin-top: 64rpx;
	}
</style>